<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/page/layout/layout.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

	<h:outputStylesheet>
a.no-decor>img {
    border: none;
}
</h:outputStylesheet>

	<ui:define name="title">Clientes</ui:define>

	<ui:define name="content">

		<a4j:commandLink styleClass="no-decor" render="editGrid"
			execute="@this" oncomplete="#{rich:component('editPane')}.show()">
			<h:graphicImage library="img/icons" name="edit.gif" alt="alta" />
			<h:outputText value="Agregar cliente" />
			<a4j:param value="#{it.index}"
				assignTo="#{listClienteView.currentClienteIndex}" />
			<f:setPropertyActionListener
				target="#{listClienteView.editedCliente}"
				value="#{listClienteView.newCliente}" />
		</a4j:commandLink>
		<br />
		<a4j:status onstart="#{rich:component('statPane')}.show()"
			onstop="#{rich:component('statPane')}.hide()" />
		<h:form id="form">
			<rich:dataTable value="#{listClienteView.clientes}" var="cliente"
				iterationStatusVar="it" id="table" rows="15">
				<rich:column>
					<f:facet name="header">#</f:facet>
                #{it.index}
            </rich:column>
				<rich:column>
					<f:facet name="header">Id Cliente</f:facet>
					<h:outputText value="#{cliente.clienteId}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Nombre</f:facet>
					<h:outputText value="#{cliente.clienteNombre}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Razon Social</f:facet>
					<h:outputText value="#{cliente.clienteRazonSocial}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Direccion</f:facet>
					<h:outputText value="#{cliente.clienteDireccion}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Pais</f:facet>
					<h:outputText value="#{cliente.clientePais}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Provincia</f:facet>
					<h:outputText value="#{cliente.clienteProvincia}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Localidad</f:facet>
					<h:outputText value="#{cliente.clienteLocalidad}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Codigo Postal</f:facet>
					<h:outputText value="#{cliente.clienteCodigoPostal}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Telefono</f:facet>
					<h:outputText value="#{cliente.clienteTelefono}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Fax</f:facet>
					<h:outputText value="#{cliente.clienteFax}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Email</f:facet>
					<h:outputText value="#{cliente.clienteEmail}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">CuitCuil</f:facet>
					<h:outputText value="#{cliente.clienteCuitCuil}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">CondicionIva</f:facet>
					<h:outputText value="#{cliente.clienteCondicionIva}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Contacto</f:facet>
					<h:outputText value="#{cliente.clienteContacto}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Ingresos Brutos</f:facet>
					<h:outputText value="#{cliente.clienteIngresosBrutos}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">Accion</f:facet>
					<a4j:commandLink styleClass="no-decor" render="editGrid"
						execute="@this" oncomplete="#{rich:component('editPane')}.show()">
						<h:graphicImage library="img/icons" name="edit.gif" alt="edit" />
						<a4j:param value="#{it.index}"
							assignTo="#{listClienteView.currentClienteIndex}" />
						<f:setPropertyActionListener
							target="#{listClienteView.editedCliente}" value="#{cliente}" />
					</a4j:commandLink>
					<a4j:commandLink styleClass="no-decor" execute="@this"
						render="@none"
						oncomplete="#{rich:component('confirmPane')}.show()">
						<h:graphicImage library="img/icons" name="delete.gif" alt="delete" />
						<a4j:param value="#{cliente}"
							assignTo="#{listClienteView.deletedCliente}" />
					</a4j:commandLink>
				</rich:column>
				<f:facet name="footer">
					<rich:dataScroller page="#{listClienteView.page}" />
				</f:facet>
			</rich:dataTable>

			<a4j:jsFunction name="remove" action="#{listClienteView.remove}"
				render="table" execute="@this"
				oncomplete="#{rich:component('confirmPane')}.hide();" />

			<rich:popupPanel id="statPane" autosized="true">
				<h:graphicImage library="img" name="ai.gif" alt="ai" />
        Por favor espere...
    </rich:popupPanel>

			<rich:popupPanel id="confirmPane" autosized="true">
        Esta seguro que desea eliminar esta fila?
        <a4j:commandButton value="Cancelar"
					onclick="#{rich:component('confirmPane')}.hide(); return false;" />
				<a4j:commandButton value="Borrar" onclick="remove(); return false;" />
			</rich:popupPanel>

			<rich:popupPanel header="Cliente" id="editPane"
				domElementAttachment="parent" autosized="true">
				<h:panelGrid columns="3" id="editGrid">
					<h:outputText value="Nombre" />
					<h:inputText label="Nombre" id="nombre"
						value="#{listClienteView.editedCliente.clienteNombre}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Razon Social" />
					<h:inputText label="Razon Social" id="clienteRazonSocial"
						value="#{listClienteView.editedCliente.clienteRazonSocial}"
						size="60" required="true" />
					<h:panelGroup />
					<h:outputText value="Direccion" />
					<h:inputText label="Direccion" id="clienteDireccion"
						value="#{listClienteView.editedCliente.clienteDireccion}"
						size="60" required="true" />
					<h:panelGroup />
					<h:outputText value="Pais" />
					<h:inputText label="clientePais" id="clientePais"
						value="#{listClienteView.editedCliente.clientePais}" size="60"
						required="true" />
					<h:panelGroup />
					<h:outputText value="Provincia" />
					<h:inputText label="clienteProvincia" id="clienteProvincia"
						value="#{listClienteView.editedCliente.clienteProvincia}"
						size="60" required="true" />
					<h:panelGroup />
					<h:outputText value="Localidad" />
					<h:inputText label="Localidad" id="clienteLocalidad"
						value="#{listClienteView.editedCliente.clienteLocalidad}"
						size="60" required="true" />
					<h:panelGroup />
					<h:outputText value="Codigo Postal" />
					<h:inputText label="clienteCodigoPostal" id="clienteCodigoPostal"
						value="#{listClienteView.editedCliente.clienteCodigoPostal}"
						size="60" required="true" />
					<h:panelGroup />
					<h:outputText value="Fax" />
					<h:inputText label="clienteFax" id="clienteFax"
						value="#{listClienteView.editedCliente.clienteFax}" size="60"
						required="false" />
					<h:panelGroup />
					<h:outputText value="Email" />
					<h:inputText label="clienteEmail" id="clienteEmail"
						value="#{listClienteView.editedCliente.clienteEmail}" size="60"
						required="false" />
					<h:panelGroup />
					<h:outputText value="Cuit Cuil" />
					<h:inputText label="clienteCuitCuil" id="clienteCuitCuil"
						value="#{listClienteView.editedCliente.clienteCuitCuil}" size="60"
						required="false" />
					<h:panelGroup />
					<h:outputText value="Condicion Iva" />
					<h:inputText label="clienteCondicionIva" id="clienteCondicionIva"
						value="#{listClienteView.editedCliente.clienteCondicionIva}"
						size="60" required="false" />
					<h:panelGroup />
					<h:outputText value="Ingresos Brutos" />
					<h:inputText label="clienteIngresosBrutos"
						id="clienteIngresosBrutos"
						value="#{listClienteView.editedCliente.clienteIngresosBrutos}"
						size="60" required="false" />
					<h:panelGroup />
					<h:outputText value="Contacto" />
					<h:inputText label="clienteContacto" id="clienteContacto"
						value="#{listClienteView.editedCliente.clienteContacto}" size="60"
						required="false" />
					<h:panelGroup />
				</h:panelGrid>
				<a4j:commandButton value="Guardar" action="#{listClienteView.store}"
					render="table" execute="editPane"
					oncomplete="if (#{facesContext.maximumSeverity==null}) {#{rich:component('editPane')}.hide();}" />
				<a4j:commandButton value="Cancelar"
					onclick="#{rich:component('editPane')}.hide(); return false;" />
			</rich:popupPanel>

		</h:form>

	</ui:define>
</ui:composition>
